<template>
  <div class="box">
    <h1>{{ username }}</h1>
    <hr />
    <Count :init="9"></Count>
    <hr />
    {{ valueFromLeft }}
  </div>
</template>

<script>

// import { eventBus } from '../../eventBus.js';
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Rights",
  data() {
    return {
      username: "Right",
      valueFromLeft: "",
    };
  },
  methods: {
    changeName() {
      this.username = "Right";
    },
  },
  created() {
    // eventBus.$on('fromLeft', e => {
    //   console.log(e)
    //   this.valueFromLeft = e
    // })
  },
};
</script>

<style scoped>
.Right {
  color: rgb(107, 219, 74);
}
/deep/ h5 {
  color: #1010c0;
}
</style>
